<template>
  <view class="test-page">
    <text class="title">测试页面</text>
    <text class="subtitle">这是一个简化的测试页面，用于排查错误</text>
    <button @tap="showMessage">点击测试</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello World'
    }
  },
  methods: {
    showMessage() {
      console.log('测试按钮被点击');
      alert('测试成功！');
    }
  }
}
</script>

<style scoped>
.test-page {
  padding: 60rpx 40rpx;
  text-align: center;
}
.title {
  font-size: 48rpx;
  font-weight: bold;
  margin-bottom: 20rpx;
  display: block;
}
.subtitle {
  font-size: 28rpx;
  color: #666;
  margin-bottom: 60rpx;
  display: block;
}
button {
  width: 60%;
  height: 80rpx;
  background-color: #07c160;
  color: white;
  border: none;
  border-radius: 40rpx;
  font-size: 32rpx;
}
</style>